* {
  padding: 0;
  margin: 0;
  list-style: none;
}

html,
body,
#root {
  width: 100%;
  height: 100%;
}

.header {
  width: 100%;
  height: 100%;
  background-color: pink;
  display: flex;
  justify-content: space-between;

  .h_left {
    width: 30%;
    height: 100%;
    background-color: yellowgreen;
    display: flex;
    align-items: flex-start;
  }

  .h_cen {
    width: 26%;
    height: 100%;
    background-color: aqua;
    display: flex;
    justify-content: center;
  }

  .h_right {
    width: 44%;
    height: 100%;
    background-color: orange;
    display: flex;
    justify-content: flex-end;

    ul {
      display: flex;

      li {
        button {
          margin: 0 5px;
          padding: 5px 8px;
          border: none;
        }
      }
    }
  }
}

.box {
  width: 100%;
  height: 100%;
  background-color: yellow;
  display: flex;
  flex-direction: row;
  .box_left {
    width: 80%;
    background-color: aqua;
  }

  .box_right {
    width: 265px;
    background-color: pink;
  }
}